<!--
* @Author: 张昊
* @Date:  2022-01-18 14:31:43
* @FilePath: /components/text/txt-fun.vue
* @Description: 功能组件
-->
<template>
	<view :class="it.type" class="funitem" @click="clickfun(it)">
		<!-- <u-tag :text="it.title" type="success" plain></u-tag> -->
		{{ it.title }}
		<u-icon class="img" :name="it.iconUrl" size="14" color="#0087fa"></u-icon>
		<u-toast ref="uToast"></u-toast>
	</view>
</template>

<script>

export default {
	props: {
		it: {
			type: Object
		}
	},
	data() {
		return {
			// 审批进度专属弹出框
			show: false,
			// 通过 专属弹出框
			show2: false,
			// 拒绝 专属弹出框
			show3: false
		};
	},
	methods: {
		/**
		 * @description: 点击跳转到分包 免写/subpages/
		 * @param {*}
		 * @return: {*}
		 * @author: 张昊
		 */
		// 功能点击事件
		clickfun(item) {
			uni.navigateTo({
				url: '/subpages/' + item.url
			});
			// 或者发起功能请求
			// api()
			/**
			 * @description: 审批进度 打开弹出框
			 * @param {*}
			 * @return: {*}
			 * @author: 张昊
			 */
			// 审批进度
			if (item.title === '审批进度') {
				uni.$emit("showFun")
			}
			/**
			 * @description: 通过时,打开通过弹出框
			 * @param {*}
			 * @return: {*}
			 * @author: 张昊
			 */
			if (item.title === '通过') {
				uni.$emit("showFun2")
			}
			/**
			 * @description: 拒绝时,打开通过弹出框
			 * @param {*}
			 * @return: {*}
			 * @author: 张昊
			 */
			if (item.title === '拒绝') {
				uni.$emit("showFun3")
				this.show3 = true;
			}
		},
	},
	mounted() {}
};
</script>

<style scoped lang="scss">
.funitem {
	margin-left: 14px;
	display: flex;
}

// 加载中样式
.onload {
	color: #0086ff;
}

.dalete {
	color: #ff6565;
}

.edit {
	color: #0086ff;
}
</style>
